<link href="__PUBLIC__/css/font-awesome.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/leftMenu.css" rel="stylesheet">
<div class="col-sm-3 col-md-2 sidebar">


    <ul id="accordion" class="accordion">
        <volist name="menuList" id="vo">
            <li thisC="{$vo.controller}">
            <if condition="empty($vo['subMenu'])">
                <div class="link" onclick="javascript:window.location.href = '{:U($vo[url])}';" style="background-image: url('__PUBLIC__/images/icon/{$vo.icon}');">{$vo.menuName}<i class="fa fa-chevron-down"></i></div>
                <else />
                <div class="link" style="background-image: url('__PUBLIC__/images/icon/{$vo.icon}');">{$vo.menuName}<i class="fa fa-chevron-down"></i></div>
                <ul class="submenu">
                        <volist name="vo['subMenu']" id="v">
                            <li thisCF="{$vo.controller}_{$v.function}"><a href="{:U($v['url'])}">{$v.menuName}</a></li>
                        </volist>
                </ul>
            </if>
                
            </li>
        </volist>
		
	</ul>
</div>
<script>

    var controllerName = "{$controllerName}";
    var actionName = "{$actionName}";
    
</script>